<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>
<body>
		<!-- datalist 新处理的 模拟搜索记忆功能   id  跟 input 的list 一致-->

		<input type="text" list="abc"/>
		<datalist id="abc">
			<option value="123">12312</option>
			<option value="123">12312</option>
			<option value="123">12312</option>
			<option value="123">12312</option>
	   </datalist>


	   <input type="text" list="abcd"/>
	   <datalist id="abcd">
		   <option value="宝马"></option>
		   <option value="奔驰""></option>
		   <option value="路虎"></option>
		   <option value="奥拓"></option>
	  </datalist>
</body>
</html>